<template>
    <div>
        <div class="container">
            <div class="handle-box">
                <el-select v-model="query.case_source" @change="handleSearch(query.case_number,query.tcs_note_id,query.case_source,query.case_type)" clearable placeholder="案件来源" class="handle-select mr10">
                    <el-option key="1" label="市场查获" value="市场查获"></el-option>
                    <el-option key="2" label="投诉举报" value="投诉举报"></el-option>
                    <el-option key="3" label="上级交办" value="上级交办"></el-option>
                </el-select>
                <el-select v-model="query.case_type" @change="handleSearch(query.case_number,query.tcs_note_id,query.case_source,query.case_type)" clearable placeholder="案件性质" class="handle-select mr10">
                    <el-option key="1" label="一般案件" value="一般案件"></el-option>
                    <el-option key="2" label="简易案件" value="简易案件"></el-option>
                </el-select>
                <el-input v-model="query.case_number" placeholder="立案编号" @change="handleSearch(query.case_number,query.tcs_note_id,query.case_source,query.case_type)" class="handle-input mr10"></el-input>
                <el-button type="primary" :icon="Search" @change="handleSearch(query.case_number,query.tcs_note_id,query.case_source,query.case_type)">搜索</el-button>
            </div>
            <el-table :data="tableList" border class="table" ref="multipleTable" header-cell-class-name="table-header">
                <!--        <el-table-column prop="case_id" label="案件号" width="100" align="center"></el-table-column>-->
                <el-table-column prop="case_source" label="案件来源" align="center"></el-table-column>
                <el-table-column prop="case_number" label="立案编号" width="200" align="center"></el-table-column>
                <el-table-column prop="case_update_time" label="更新时间"  align="center"></el-table-column>
                <el-table-column prop="case_type" label="案件性质" align="center"></el-table-column>
                <el-table-column prop="date_of_filing" label="立案日期"  align="center"></el-table-column>
                <el-table-column label="状态" align="center" width="180">
                    <template #default="scope">
                        <div v-if="scope.row.tcs_note_id === '结案报告表已完成' ">
                            <el-tag :type=" 'danger'">结案报告表已完成</el-tag>
                        </div>


                        <div v-if="scope.row.tcs_note_id === '已完成'">
                            <el-tag :type=" 'success'">已完成 </el-tag>
                        </div>
                    </template>
                </el-table-column>
                <el-table-column label="下一步操作" width="350px" align="center">
                    <template #default="scope">
                        <div v-if="scope.row.tcs_note_id === '结案报告表已完成' ">
                            <el-button text :icon="Edit" class="blue" @click="archive_file_upload(scope.row)" >
                                归档文件上传
                            </el-button>

                        </div>


                        <div v-if="scope.row.tcs_note_id === '已完成'">
                            <el-button text :icon="Edit" class="blue" @click="view_archive_file_all(scope.row)">
                                查看归档文件
                            </el-button>
                        </div>


                    </template>
                </el-table-column>
            </el-table>
          <div class="pagination">
            <el-pagination
                background
                layout="total, prev, pager, next"
                :current-page="query.pageIndex"
                :page-size="query.pageSize"
                :total="pageTotal"
                @current-change="handlePageChange"
            ></el-pagination>
          </div>
        </div>

        <!-- 归档文件上传 -->
        <el-dialog title="归档文件上传" v-model="Archive_file_upload_Visible" width="32%">
            <el-form label-width="150px">
                <el-form-item label="归档时间">
                    <el-date-picker  v-model="archive_file_data_storage.archive_time"  type="datetime" placeholder="选择归档日期" value-format="YYYY-MM-DD HH:mm:ss">
                    </el-date-picker>
                </el-form-item>

                <el-form-item label="归档人">
                    <el-select v-model="archive_file_data_storage.archive_person"  clearable filterable placeholder="请选择">
                        <el-option
                                v-for="(item,index) in interrogator_Data"
                                :key='index'
                                :label='item.staff_name'
                                :value='item.staff_id'
                        ></el-option>
                    </el-select>
                </el-form-item>

                <el-form-item label="上传执法证复印件" >
                    <el-upload class="upload-demo"
                               action="#"
                               :limit=5
                               list-type="picture-card"
                               :on-change="handleChange1"
                               :on-remove="handleRemove1"
                               :on-preview="true"
                               :auto-upload="false"
                               :on-progress="true"
                               accept="bmp, jpg, png, gif, jpeg"
                               :show-file-list="true" >
                        <el-icon class="el-icon--upload"><upload-filled /></el-icon>
                    </el-upload>
                </el-form-item>
                <el-form-item label="上传资质证书复印件" >
                    <el-upload class="upload-demo"
                               action="#"
                               :limit=5
                               list-type="picture-card"
                               :on-change="handleChange2"
                               :on-remove="handleRemove2"
                               :on-preview="true"
                               :auto-upload="false"
                               :on-progress="true"
                               accept="bmp, jpg, png, gif, jpeg"
                               :show-file-list="true" >
                        <el-icon class="el-icon--upload"><upload-filled /></el-icon>
                    </el-upload>
                </el-form-item>
            </el-form>
            <template #footer>
				<span class="dialog-footer">
					<el-button @click="Archive_file_upload_Visible = false">取 消</el-button>
					<el-button type="primary" @click="certern_archive_file">归 档</el-button>
				</span>
            </template>
        </el-dialog>

        <!--    //查看归档文件视图-->
        <el-dialog title="查看归档文件" v-model="View_archive_file_Visible" width="35%">

           <div align="center">
            <el-button type="primary" @click="enforce_official_browse">案件相关执法人员执法证复印件</el-button>
               <el-button type="primary" @click="qualification_certificate_browse">卷烟鉴别小组成员资质证书复印件</el-button>
          </div>


        </el-dialog>



        <!--    当事人身份证视图-->
        <el-dialog title="" v-model="View_identity_card_Visible" width="34%">
            <html>
            <head>
                <title>当事人身份证</title>
            </head>
            <body>
            <div v-for="item in  case_img_Data">
                <h1 align="center">
                    {{item.type}}
                </h1>
                <table border="1"  style="border-collapse: collapse;" width="100%" >
                    <tr >
                        <th width="100%"  align="center" height="500px">
                            <el-image
                                    class="table-td-thumb"
                                    :src="item.img"
                                    :z-index="10"
                                    :preview-src-list="[item.img]"
                                    preview-teleported>
                            </el-image>

                        </th>
                    </tr>
                    <tr>
                        <th colspan="2" align="left">
                            说明事项：当事人{{administrative_fine_data_storage.tir_person}}因{{administrative_fine_data_storage.illegal_behavior}}被我局查处，我局于
                            {{administrative_fine_data_storage.year1}}年{{administrative_fine_data_storage.month1}}月{{administrative_fine_data_storage.day1}}日作出处以罚款计人民币{{administrative_fine_data_storage.administrative_fine_chinese}}
                            (￥{{administrative_fine_data_storage.administrative_fine}}元)的行政处罚，，该收据为当事人{{administrative_fine_data_storage.year2}}年{{administrative_fine_data_storage.month2}}月{{administrative_fine_data_storage.day2}}日缴纳罚款的回单。<br>
                        </th>
                    </tr>

                </table>
            </div>

            </body>
            </html>
        </el-dialog>

        <!--    卷烟鉴别小组成员资质证书复印件视图-->
        <el-dialog title="" v-model="View_qualification_certificate_Visible" width="34%">
            <html>
            <head>
                <title>卷烟鉴别小组成员资质证书复印件</title>
            </head>
            <body>
            <div v-for="item in  case_img_Data">
                <h1 align="center">
                    {{item.type}}
                </h1>
                <table border="1"  style="border-collapse: collapse;" width="100%" >
                    <tr >
                        <th width="100%"  align="center" height="500px">
                            <el-image
                                    class="table-td-thumb"
                                    :src="item.img"
                                    :z-index="10"
                                    :preview-src-list="[item.img]"
                                    preview-teleported>
                            </el-image>

                        </th>
                    </tr>
                    <tr>
                        <th colspan="2" align="left">
                            说明事项：当事人{{administrative_fine_data_storage.tir_person}}因{{administrative_fine_data_storage.illegal_behavior}}被我局查处，我局于
                            {{administrative_fine_data_storage.year1}}年{{administrative_fine_data_storage.month1}}月{{administrative_fine_data_storage.day1}}日作出处以罚款计人民币{{administrative_fine_data_storage.administrative_fine_chinese}}
                            (￥{{administrative_fine_data_storage.administrative_fine}}元)的行政处罚，，该收据为当事人{{administrative_fine_data_storage.year2}}年{{administrative_fine_data_storage.month2}}月{{administrative_fine_data_storage.day2}}日缴纳罚款的回单。<br>
                        </th>
                    </tr>

                </table>
            </div>

            </body>
            </html>
        </el-dialog>

        <!--    案件相关执法人员执法证复印件视图-->
        <el-dialog title="" v-model="View_enforce_official_Visible" width="34%">
            <html>
            <head>
                <title>案件相关执法人员执法证复印件</title>
            </head>
            <body>
            <div v-for="item in  case_img_Data">
                <h1 align="center">
                    {{item.type}}
                </h1>
                <table border="1"  style="border-collapse: collapse;" width="100%" >
                    <tr >
                        <th width="100%"  align="center" height="500px">
                            <el-image
                                    class="table-td-thumb"
                                    :src="item.img"
                                    :z-index="10"
                                    :preview-src-list="[item.img]"
                                    preview-teleported>
                            </el-image>

                        </th>
                    </tr>
                    <tr>
                        <th colspan="2" align="left">
                            说明事项：当事人{{administrative_fine_data_storage.tir_person}}因{{administrative_fine_data_storage.illegal_behavior}}被我局查处，我局于
                            {{administrative_fine_data_storage.year1}}年{{administrative_fine_data_storage.month1}}月{{administrative_fine_data_storage.day1}}日作出处以罚款计人民币{{administrative_fine_data_storage.administrative_fine_chinese}}
                            (￥{{administrative_fine_data_storage.administrative_fine}}元)的行政处罚，，该收据为当事人{{administrative_fine_data_storage.year2}}年{{administrative_fine_data_storage.month2}}月{{administrative_fine_data_storage.day2}}日缴纳罚款的回单。<br>
                        </th>
                    </tr>

                </table>
            </div>

            </body>
            </html>
        </el-dialog>


    </div>
</template>

<script setup lang="ts" name="basetable">
import { ref, reactive } from 'vue';
import { ElMessage, ElMessageBox } from 'element-plus';
import { Delete, Edit, Search, Plus,Printer } from '@element-plus/icons-vue';
import {
    case_evi_Create,
    case_evi_Views,
    case_legal_Create,
    ciga_evudence_Create,
    end_record_data,
    evi_Views,
    fetchData_case,
    fetchData_case_Create,
    fetchData_case_update,
    fetchData_legal_clause,
    fetchData_mer,
    fetchData_s_mongodb_evidence_Cre,
    fetchData_s_mongodb_evidence_Views,
    fetchData_tobacco,
    fetchData_user,
    illegal_record_data,
    illegal_record_Search,
    mer_Create,
    mer_search_api,
    review_price_data,
    staff_evidence_create,
    staff_evidence_data,
    end_record_show,
    record_inquiry_show,
    record_inquiry_print,
    case_evidence_Views,
    case_evidence_Edit,
    question_answer_clause_delete,
    price_review_clause_delete,
    fetchData_user_Edit,
    fetchData_price_Edit,
    hearing_arrive_document,
    fetchData_interrogator_clause,
    fetchData_inquiry_record_Confirm,
    fetchData_arrive_document_Confirm,
    hearing_notice_data,
    fetchData_hearing_notice_Confirm,
    hearing_notice_browse_data,
    penalty_advance_notice_data,
    fetchData_advance_notice_Confirm,
    advance_arrive_document,
    advance_penalty_data,
    arrive_document_print_data,
    fetchData_time_upload,
    fetchData_return_item_clause,
    return_item_Views,
    return_item_Create,
    return_item_clause_delete,
    fetchData_case_return_Confirm,
    administrative_fine_browse_data, inquiry_record_print_data, return_item_print_data, fetchData_archive_data_upload
} from '../api/index';
import {
    export_word_19,
} from './table_inquiry.vue'


//案件暂存数据
const create_case = reactive({
    case_id:0,
    staff_evi_id:0,
    staff_id:0,
    staff_evi_send_per:'',
    staff_evi_check_per1:'',
    staff_evi_check_per2:'',
    staff_evi_send_time:'',
    staff_evi_send_unit:'',
    staff_evi_send_result:'',
    staff_evi_rec_address:'',
    staff_evi_status:'',
    staff_evi_per_note:'',
    mer_flag:'',
    ciga_num_flag:'',
    ciga_flag:'',
    test:[],
    img_data:'',
    standard:'',
    tir_id:0,
    tlc_id:0,
    illegal_behavior:'',
    evi_id_number:'',
    evi_id:'',
    date_of_filing:'',
    date_of_closing:'',
    date_of_archive:'',
    case_source:'',
    case_number:'',
    archive_person:'',
    case_update_time:'',
    case_type:'',
    case_remark:'',
    mer_id:0,
    tcs_note:'',
    cs_note:'',
    tce_time:'',
    tce_number:0,
    tce_amount:0,
    tce_remark:'',
    tce_address:'福建省福州市闽侯县烟草专卖局',
    evi_number:0,//数量(条)
    ciga_variety:'',//品种
    barcode:'',//条形码
    ciga_model:'',//规格型号
    ciga_price:0,//单价
    inkjet:'',//
    mer_format:'',
    mer_address:'',
    mer_person:'',
    mer_record:'',
    date_of_record:'',
    date_of_effect:'',
    date_of_issue:'',
    mer_hometown:'',
    mer_id_number:'',
    mer_tel:'',
    business_licence_code:'',
    licence_state:'',
    storage_address:'',
    retail_licence_code:'',
    category:'',
    area_id:0,
    mer_zip_code:0,
    mer_name:'',
    remark:'',
});


//视图/
const Advance_notice_Visible=ref(false);                                    //行政处罚事先告知书
const View_administrative_fine_Visible=ref(false);                           //行政罚款收据预览视图
const Return_item_Browse_Visible=ref(false);                          //涉案物品返还清单视图
const Administrative_fine_Visible=ref(false);                                 //行政罚款收据上传视图
const Return_article_list_Visible=ref(false);                                  //涉案物品返还清单视图
const Archive_file_upload_Visible=ref(false);                                       //归档文件上传
const View_archive_file_Visible=ref(false);                                      //归档文件预览
const View_identity_card_Visible=ref(false);                                  //当事人身份证视图
const View_enforce_official_Visible=ref(false);                               //案件相关执法人员执法证复印件视图
const View_qualification_certificate_Visible=ref(false);                           //卷烟鉴别小组成员资质证书复印件

const person_identity_card_browse=()=>{
    get_identity_card_img_data(create_case.case_number);
    //get_administrative_fine_browse_data(create_case.case_id);
    View_identity_card_Visible.value = true;
}

const enforce_official_browse=()=>{
    get_enforce_official_img_data(create_case.case_number);
    //get_administrative_fine_browse_data(create_case.case_id);
    View_enforce_official_Visible.value = true;
}

const qualification_certificate_browse=()=>{
    get_qualification_certificate_img_data(create_case.case_number);
    //get_administrative_fine_browse_data(create_case.case_id);
    View_qualification_certificate_Visible.value = true;
}

const archive_file_upload=(row:any)=>{
    create_case.case_id=row.case_id;
    img_form_data.case_number=row.case_number;
    Archive_file_upload_Visible.value=true;
}

const archive_file_data_storage=reactive({
    archive_time:'',
    archive_person:'',
})

const img_form_data = reactive({
    case_number: '',
    name:'',
    content:'',
    remark:'',
    img:'',
    time:'',
});
const img = [];
const handleChange = (file) =>{
    img.push(file);
}
const handleRemove = (file) =>{
    img.forEach(function (item,index,arr){
        if (item.name == file.name){
            img.splice(index,1)
        }
    })
}

const img1 = [];
const handleChange1 = (file) =>{
    img1.push(file);
}
const handleRemove1 = (file) =>{
    img1.forEach(function (item,index,arr){
        if (item.name == file.name){
            img1.splice(index,1)
        }
    })
}

const img2 = [];
const handleChange2 = (file) =>{
    img2.push(file);
}
const handleRemove2 = (file) =>{
    img2.forEach(function (item,index,arr){
        if (item.name == file.name){
            img2.splice(index,1)
        }
    })
}

const certern_archive_file=()=>{
    if(archive_file_data_storage.archive_time.length==0){
        alert("请选择归档时间")
    }else if(archive_file_data_storage.archive_person.length==0){
        alert("请选择归档人")
    }else{
        var form1 = new FormData();
        form1.append('format',img1[0].raw.type)
        form1.append("file",img1[0].raw)
        form1.append("case_number",img_form_data.case_number)
        form1.append("name","案件相关执法人员执法证复印件")
        form1.append("type","案件相关执法人员执法证复印件")
        fetchData_s_mongodb_evidence_Cre(form1).then(res=>{
            if (res.data.message === "success"){
                getData();
            }else {
                ElMessageBox.confirm('状态更新失败', '提示', {
                    type: 'warning'
                })
            }
        })
        var form2 = new FormData();
        form2.append('format',img2[0].raw.type)
        form2.append("file",img2[0].raw)
        form2.append("case_number",img_form_data.case_number)
        form2.append("name","卷烟鉴别小组成员资质证书复印件")
        form2.append("type","卷烟鉴别小组成员资质证书复印件")
        fetchData_s_mongodb_evidence_Cre(form2).then(res=>{
            if (res.data.message === "success"){
                ElMessage.success('归档文件上传完成');
                Archive_file_upload_Visible.value = false;
                create_case.tcs_note = "已完成"
                fetchData_case_update(create_case.case_id,create_case.tcs_note).then(res=>{
                    if (res.data.message === "success"){
                        //ElMessage.success('状态更新成功');
                        getData();
                    }else {
                        ElMessageBox.confirm('状态更新失败', '提示', {
                            type: 'warning'
                        })
                    }
                })
                fetchData_archive_data_upload(create_case.case_id,archive_file_data_storage.archive_time,archive_file_data_storage.archive_person).then(res=>{
                    if (res.data.message === "success"){
                        //ElMessage.success('状态更新成功');
                        getData();
                    }else {
                        ElMessageBox.confirm('状态更新失败', '提示', {
                            type: 'warning'
                        })
                    }
                })
                getData();
            }else {
                ElMessageBox.confirm('状态更新失败', '提示', {
                    type: 'warning'
                })
            }
        })
    }

}



const view_archive_file_all=(row:any)=>{
    create_case.case_id = row.case_id;
    create_case.case_number = row.case_number;

    View_archive_file_Visible.value = true;
}



//获取询问人
interface interrogator_data{
    staff_id:number,
    staff_name:string
}
//获取询问者选择框
const interrogator_Data=ref<interrogator_data[]>([]);
const get_interrogator_clause_opinion=(staff_id:number,staff_name:string='')=>{
    fetchData_interrogator_clause(staff_id,staff_name).then(res=>{
        interrogator_Data.value=res.data.data
    })
}
get_interrogator_clause_opinion()


//获取要返还的物品清单
interface return_item_data{
    evi_id:number,
    return_item_name:string,
}
const return_item_Data=ref<return_item_data[]>([]);
const get_return_item_clause_opinion=()=>{
    fetchData_return_item_clause(create_case.case_id).then(res=>{
        return_item_Data.value=res.data.data;
    })
}
get_return_item_clause_opinion();


//获取当事人身份证数据
const get_identity_card_img_data = (case_number:string='')=>{
    fetchData_s_mongodb_evidence_Views(case_number,"当事人身份证").then(res=>{
        case_img_Data.value = res.data.data
    })
}

//获取案件相关执法人员执法证复印件
const get_enforce_official_img_data= (case_number:string='')=>{
    fetchData_s_mongodb_evidence_Views(case_number,"案件相关执法人员执法证复印件").then(res=>{
        case_img_Data.value = res.data.data
    })
}
//获取卷烟鉴别小组成员资质证书复印件
const get_qualification_certificate_img_data= (case_number:string='')=>{
    fetchData_s_mongodb_evidence_Views(case_number,"卷烟鉴别小组成员资质证书复印件").then(res=>{
        case_img_Data.value = res.data.data
    })
}

//
//证据图片
interface Case_img_data {
    img:string,
    type:string,
    fill_time:string,
    time_now:string,
}
const case_img_Data = ref<Case_img_data[]>([]);


const administrative_fine_data_storage=reactive({
    tir_person:'',
    illegal_behavior:'',
    year1:'',
    month1:'',
    day1:'',
    year2:'',
    month2:'',
    day2:'',
    administrative_fine_chinese:'',
    administrative_fine:0
})

const get_administrative_fine_browse_data=(case_id:number)=>{
    administrative_fine_browse_data(create_case.case_id).then(res=>{
        administrative_fine_data_storage.tir_person=res.data.data.tir_person,
            administrative_fine_data_storage.illegal_behavior=res.data.data.illegal_behavior
        administrative_fine_data_storage.year1=res.data.data.year1
        administrative_fine_data_storage.month1=res.data.data.month1
        administrative_fine_data_storage.day1=res.data.data.day1
        administrative_fine_data_storage.administrative_fine_chinese=res.data.data.administrative_fine_chinese
        administrative_fine_data_storage.administrative_fine=res.data.data.administrative_fine
        administrative_fine_data_storage.year2=res.data.data.year2
        administrative_fine_data_storage.month2=res.data.data.month2
        administrative_fine_data_storage.day2=res.data.data.day2
    })
}




const return_item_word=()=>{
    return_item_print_data(create_case.case_id).then(res=>{
        export_word_19(
            res.data.data.case_number,
            res.data.data.list,
            res.data.data.ciga_number,
            res.data.data.identificate_loss,
            res.data.data.identificate_loss_chinese,
            res.data.data.returnee1,
            res.data.data.returnee2,
            res.data.data.staff_license_1,
            res.data.data.staff_license_2
        )
    })
}

//案件表数据
interface TableItem {
    case_id:number,
    date_of_filing:string,
    date_of_closing:string,
    date_of_archive:string,
    case_source:string,
    case_number:string,
    archive_person:string,
    case_update_time:string,
    ase_type:string,
    case_remark:string,
    tcs_note_id:string,
    ciga_flag:string,
    ciga_num_flag:string,
    mer_flag:string,
}

const query = reactive({
    case_id:0,
    case_source:'',
    case_type:'',
    tcs_note_id:'',
    case_number:'',
    cs_note_id:'',//送达文书状态
    pageIndex: 1,
    pageSize: 10
});
const tableData = ref<TableItem[]>([]);
const tableList = ref<TableItem[]>([]); // 用于存放分页数据的列表
const pageTotal = ref(0);
const name = localStorage.getItem('ms_username');
// 获取表格数据
const getData = (archive_person:string='',case_id:number,case_source:string='',case_type:string='',case_number:string='',tcs_note_id:string='',name:string='') => {
    fetchData_case(archive_person,case_id,case_source,case_type,case_number,tcs_note_id,name).then(res => {
        tableData.value = res.data.data.filter((i: { tcs_note_id: string; }) =>(
            i.tcs_note_id =="已完成"||
            i.tcs_note_id=="结案报告表已完成"
        )  )
      tableList.value = [];
      pageTotal.value = tableData.value.length;
      // 根据页码确定下标位置
      const index: number = query.pageIndex * query.pageSize - query.pageSize;
      for (let i = index; i < index + query.pageSize; i++) {
        // 防止数组下标越界
        if (i <= tableData.value.length - 1) {
          tableList.value.push(tableData.value[i])
        } else {
          // 越界就不再循环
          break;
        }
      }
    });
};
getData('','','','','','',localStorage.getItem('ms_username'));
// 查询操作
const handleSearch = (case_number:string='',tcs_note_id:string='',case_source:string='',case_type:string='') => {
    getData('','',case_source,case_type,case_number,tcs_note_id,name);
};
// 分页导航
const handlePageChange = (val: number) => {
  query.pageIndex = val;
  getData('','','','','','',localStorage.getItem('ms_username'));
};
</script>

<style scoped>
.handle-box {
    margin-bottom: 20px;
}

.handle-box button{
    background-color: #00a854;
}
.handle-select {
    width: 120px;
}

.handle-input {
    width: 300px;
}
.table {
    width: 100%;
    font-size: 14px;
}
.red {
    color: #ff0000;
}

:deep(.avatar){
    width: 100px;
    height: 100px;
}
.blue {
    color: rgba(0, 118, 252, 0.79);
}
.mr10 {
    margin-right: 10px;
}
.table-td-thumb {
    display: block;
    margin: auto;
    width: 450px;
    height: 450px;
}
.dialog-footer button{
    background-color: #00a854;
    color:white;
}
/*#inspect_record{*/
/*  position: relative;*/
/*  left: 0px;*/
/*  top: -20px;*/

/*}*/

/*#filing_report_review{*/
/*  position: relative;*/
/*  left: 0px;*/
/*  top: -22px;*/
/*}*/
</style>
